<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>专业详情</title>
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/bootstrap/css/bootstrap-submenu.css">
    <script src="js/layui/layui.js"></script>
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery-3.3.0.js"></script>
    <script>
        /* layui.use('form', function(){
              var form = layui.form;

              //监听提交
              form.on('submit(formDemo)', function(data){
                layer.msg(JSON.stringify(data.field));
                return false;
              });
              form.render();
        }); */
        layui.use(['layer', 'form', 'element'], function(){
            var layer = layui.layer
                ,form = layui.form
                ,element = layui.element

            //……
            //你的代码都应该写在这里面
            form.render();
        });
    </script>

</head>
<body>
<div class="container" id="frontTop"></div>

<div class="container">
    <nav class="breadcrumb">
        <a class="breadcrumb-item" href="/index/home">首页</a>
        <a class="breadcrumb-item" href="/infoQuery/majorQuery">专业展示</a>
        <span class="breadcrumb-item active">计算机科学与技术</span>
    </nav>
    <div>
        <div class="col-sm-8">
            <h3>计算机科学与技术</h3>
            <span class="badge badge-info">工学/计算机类</span>
            <span class="badge badge-success">薪资超87%的专业</span>
        </div>
        <div class="col-sm-4">

        </div>
    </div>
</div>

<div class="container">
    <nav>
        <div class="nav nav-tabs" id="nav-tab" role="tablist">
            <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">专业概况</a>
            <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">开设院校</a>
        </div>
    </nav>
    <div class="tab-content" id="nav-tabContent">
        <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
            <div class="container row">
                <div class="col-sm-8">
                    <h4>专业介绍</h4>
                    <span class="badge badge-info">互联网</span>
                    <span class="badge badge-info">代码</span>
                    <span class="badge badge-info">工学/计算机类</span>
                    <p>业务培养目标 : 本专业培养具有良好的科学素养 ,系统地、较好地掌握计算机科学与技术包括计算机硬件、软件与应用的基本理论、基本知识和基本技能与方法 , 能在科研部门、教育单位、企业、事业、技术和行政管理部门等单位从事计算机教学、科学研究和应用的计算机科学与技术 学科的高级专门科学技术人才。
                        业务培养要求 : 本专业学生主要学习计算机科学与技术方面的基本理论和基本知识 ,接受从事研究与应用计算机的基本训练 , 具有研究和开发计算机系统的基本能力
                        毕业生应获得以下几方面的知识和能力 :</p>
                    <p>1. 掌握计算机科学与技术的基本理论、基本知识 ;</p>
                    <p>2. 掌握计算机科学与技术的基本理论、基本知识;</p>
                    <p>3．具有研究开发计算机软、硬件的基本能力；</p>
                    <p>4．了解与计算机有关的法规；</p>
                    <p>5．了解计算机科学与技术的发展动态；</p>
                    <p>6．掌握文献检索、资料查询的基本方法，具有获取信息的能力。</p>

                </div>
                <div class="col-sm-4">
                    <h4>您可能感兴趣的专业</h4>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item"><a href="majorDetail">软件工程</a></li>
                        <li class="list-group-item"><a href="majorDetail">网络工程</a></li>
                        <li class="list-group-item"><a href="majorDetail">计算机技术</a></li>
                        <li class="list-group-item"><a href="majorDetail">信息工程</a></li>
                        <li class="list-group-item"><a href="majorDetail">通信工程</a></li>
                        <li class="list-group-item"><a href="majorDetail">电子信息工程</a></li>
                        <li class="list-group-item"><a href="majorDetail">自动化</a></li>
                        <li class="list-group-item"><a href="majorDetail">测控技术与仪器</a></li>
                    </ul>
                </div>
            </div>
            <hr class="layui-bg-blue">
            <div>
                <h4>对口职业</h4>
                <h5>全栈工程师</h5>
                <p>全程参与项目规划设计，项目实施开发、维护应用软件代码，开发文档的编写与维护公司内部系统开发，服务器网站管理维护参与人员管理，项目收支管理等模块的开发工作。客户技术支持移动设备维修，设备故障检测客户程控交换机的安装与维护移动室分站点的维护工作，站点优化整改电话线路的维护，程控交换机维护，网络，监控，有线电视设备维护。负责产品在研发阶段的维修、测试及记录工作支持其它部门的相关工作和硬件实验室的日常管理熟练使用各种检测和维修工具，具有问题分析能力，能够对硬件故障进行定位和排除；相关硬件的调试，测试及分析工作；理解各种硬件术语的内涵，能够根据客户的需要制定配置表，并独立完成组装和系统的安装工作；熟悉各种PC机操作系统和常用软件，具有问题分析能力，能够制定详尽的日常保养和技术支持技术书，跟踪实施所受理的维护项目。</p>
                <h5>产品经理</h5>
                <p>产品市场调查，并根据用户的需求，确定开发何种产品，选择何种技术、商业模式等。推动相应产品的开发组织，根据产品的生命周期，协调研发、营销、运营等，确定和组织实施相应的产品策略，以及其他一系列相关的产品管理活动。</p>
                <button type="button" class="btn btn-outline-info btn-lg btn-block"><a href="understandProfession">展开查看更多</a></button>
            </div>

            <hr class="layui-bg-blue">
            <div>
                <h4>社会名人</h4>
                <div class="list-group">
                    <div class="list-group-item">
                        <img>
                        <h5 class="mb-1">雷军</h5>
                        <small class="text-muted">小米创始人，1991年毕业于武汉大学计算机系。1992年1月加入金山公司，1998年8月，开始担任金山软件总经理。2010年4月，创办小米科技。</small>
                    </div>
                    <div class="list-group-item">
                        <img>
                        <h5 class="mb-1">李开复</h5>
                        <small class="text-muted">哥伦比亚大学学士学位，卡内基梅隆大学博士学位，EECS专业，现为信息产业的经理人、创业者、和电脑科学的研究者。任创新工场的董事长兼首席执行官。曾在苹果、SGI、微软和Google等多家IT公司担当要职。</small>
                    </div>
                    <div class="list-group-item">
                        <img>
                        <h5 class="mb-1">李彦宏</h5>
                        <small class="text-muted">百度公司创始人兼CEO，在美国布法罗纽约州立大学获得计算机科学硕士学位。 1999年底，怀抱 “科技改变人们的生活” 的梦想，李彦宏回国创办百度。经过多年努力，百度已经成为中国人最常使用的中文网站，全球最大的中文搜索引擎，同时也是全球最大的中文网站。2005年8月，百度在美国纳斯达克成功上市，成为全球资本市场最受关注的上市公司之一。</small>
                    </div>
                </div>
            </div>

            <hr class="layui-bg-blue">
            <div class="container row">
                <div class="col-sm-6">
                    <h4>男女生比例</h4>
                    <div  class="row">
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-light" style="border-radius:80px;">
                                <h5>男生</h5>
                            </button>
                        </div>
                        <div class="progress col-sm-8">
                            <div class="progress-bar bg-success" style="width:73%">73%</div>
                            <div class="progress-bar bg-danger" style="width:27%">27%</div>
                        </div>
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-light" style="border-radius:80px;">
                                <h5>女生</h5>
                            </button>
                        </div>
                    </div>
                </div>

                <div class="col-sm-6">
                    <h4>文理比例</h4>
                    <div  class="row">
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-light" style="border-radius:80px;">
                                <h5>理</h5>
                            </button>
                        </div>
                        <div class="progress col-sm-8">
                            <div class="progress-bar bg-success" style="width:90%">90%</div>
                            <div class="progress-bar bg-danger" style="width:10%">10%</div>
                        </div>
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-light" style="border-radius:80px;">
                                <h5>文</h5>
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <hr class="layui-bg-blue">
            <div>
                <h4>开设课程</h4>
                <p>高等代数与几何    MATLAB基础与应用   高级语言程序设计  JAVA语言及程序设计  C&amp;C++程序设计
                    初等数论    电路与模拟电子技术   .NET应用与开发   计算机网络   计算机科学概论</p>
            </div>

            <hr class="layui-bg-blue">
            <div>
                <h4>相关技能</h4>
                <h5>软件</h5>
                <p>eclipse;myEclipse;Intellij idea;Microsoft Visual Studio;Matlab</p>
                <h5>编程语言</h5>
                <p>C;C++;C#;python;Java</p>
                <!-- <button type="button" href="#nav-profile" class="btn btn-outline-info btn-lg btn-block" >展开查看更多</button> -->
            </div>



        </div>

        <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
            <div class="container row">
                <div class="col-sm-8">
                    <h4>推荐开设此专业的学校</h4>
                    <div>
                        <form class="form-inline">
                            <label class="my-1 mr-2" for="inlineFormCustomSelectPref">考生生源地:</label>
                            <select class="custom-select my-1 mr-sm-2" id="inlineFormCustomSelectPref">
                                <option>2019</option>
                                <option>2018</option>
                                <option>2017</option>
                            </select>
                            <select class="custom-select my-1 mr-sm-2" id="inlineFormCustomSelectPref">
                                <option>河南</option>
                                <option>北京</option>
                                <option>上海</option>
                            </select>
                            <select class="custom-select my-1 mr-sm-2" id="inlineFormCustomSelectPref">
                                <option>理科</option>
                                <option>文科</option>
                                <option>艺术</option>
                                <option>体育</option>
                            </select>
                        </form>
                    </div>
                    <div>
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <p>学校所在地：</p>
                                <div class="layui-input-block">
                                    <input type="radio" name="province" title="全部" checked="">
                                    <input type="radio" name="province" title="北京" lay-skin="primary">
                                    <input type="radio" name="province" title="上海" lay-skin="primary">
                                    <input type="radio" name="province" title="重庆" lay-skin="primary">
                                    <input type="radio" name="province" title="河北" lay-skin="primary">
                                    <input type="radio" name="province" title="山西" lay-skin="primary">
                                    <input type="radio" name="province" title="辽宁" lay-skin="primary">
                                    <input type="radio" name="province" title="吉林" lay-skin="primary">
                                    <input type="radio" name="province" title="黑龙江" lay-skin="primary">
                                    <input type="radio" name="province" title="江苏" lay-skin="primary">
                                    <input type="radio" name="province" title="浙江" lay-skin="primary">
                                    <input type="radio" name="province" title="安徽" lay-skin="primary">
                                    <input type="radio" name="province" title="福建" lay-skin="primary">
                                    <input type="radio" name="province" title="江西" lay-skin="primary">
                                    <input type="radio" name="province" title="山东" lay-skin="primary">
                                    <input type="radio" name="province" title="河南" lay-skin="primary">
                                    <input type="radio" name="province" title="湖北" lay-skin="primary">
                                    <input type="radio" name="province" title="湖南" lay-skin="primary">
                                    <input type="radio" name="province" title="广东" lay-skin="primary">
                                    <input type="radio" name="province" title="海南" lay-skin="primary">
                                    <input type="radio" name="province" title="四川" lay-skin="primary">
                                    <input type="radio" name="province" title="贵州" lay-skin="primary">
                                    <input type="radio" name="province" title="云南" lay-skin="primary">
                                    <input type="radio" name="province" title="陕西" lay-skin="primary">
                                    <input type="radio" name="province" title="甘肃" lay-skin="primary">
                                    <input type="radio" name="province" title="青海" lay-skin="primary">
                                    <input type="radio" name="province" title="台湾" lay-skin="primary">
                                    <input type="radio" name="province" title="内蒙古" lay-skin="primary">
                                    <input type="radio" name="province" title="广西" lay-skin="primary">
                                    <input type="radio" name="province" title="西藏" lay-skin="primary">
                                    <input type="radio" name="province" title="宁夏" lay-skin="primary">
                                    <input type="radio" name="province" title="新疆" lay-skin="primary">
                                    <input type="radio" name="province" title="香港" lay-skin="primary">
                                    <input type="radio" name="province" title="澳门" lay-skin="primary">

                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="container">
                        <h5>共找到255所学校，275个专业</h5>
                        <div class="list-group">
                            <div class="list-group-item">
                                <img>
                                <h5 class="mb-1">清华大学</h5>
                                <small class="text-muted">计算机科学与技术</small>
                                <span class="badge badge-success">985/211/双一流</span>
                                <span class="badge badge-info">工学</span>
                                <span class="badge badge-primary">北京</span>
                            </div>
                            <div class="list-group-item">
                                <img>
                                <h5 class="mb-1">哈尔滨工业大学</h5>
                                <small class="text-muted">计算机科学与技术</small>
                                <span class="badge badge-success">985/211/双一流</span>
                                <span class="badge badge-info">工学</span>
                                <span class="badge badge-primary">哈尔滨</span>
                            </div>
                            <div class="list-group-item">
                                <img>
                                <h5 class="mb-1">西安电子科技大学</h5>
                                <small class="text-muted">计算机科学与技术</small>
                                <span class="badge badge-success">211/双一流</span>
                                <span class="badge badge-info">工学</span>
                                <span class="badge badge-primary">西安</span>
                            </div>
                        </div>
                        <button type="button" class="btn btn-outline-primary" style="margin:auto"><a href="universityQuery">查看所有院校</a></button>
                        <!-- <button type="button" class="btn btn-outline-primary">查看所有院校</button> -->
                    </div>
                </div>
                <div class="col-sm-4">
                    <h4>您可能感兴趣的专业</h4>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item"><a href="majorDetail">软件工程</a></li>
                        <li class="list-group-item"><a href="majorDetail">网络工程</a></li>
                        <li class="list-group-item"><a href="majorDetail">计算机技术</a></li>
                        <li class="list-group-item"><a href="majorDetail">信息工程</a></li>
                        <li class="list-group-item"><a href="majorDetail">通信工程</a></li>
                        <li class="list-group-item"><a href="majorDetail">电子信息工程</a></li>
                        <li class="list-group-item"><a href="majorDetail">自动化</a></li>
                        <li class="list-group-item"><a href="majorDetail">测控技术与仪器</a></li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
</div>


<!--底部信息  -->
<div class="container" id="frontBottom"></div>
<!-- jq引用 -->
<script src="/js/jquery-3.3.0.js"></script>
<script src="/layui/layui.js"></script>
<!--bootstrap引用 -->
<script src="/bootstrap/bootstrap.min.js"></script>
<script src="/js/publicSection.js"></script>

</body>
</html>